import { createComponent } from '../utils/component-factory'
import {typeOptions} from '../utils/Types'



/**

 * Shadow Options

 */

const shadowOptions = [

  {

    label: '无',

    value: 'never',

    description: '始终不显示阴影'

  },

  {

    label: ' always',

    value: 'always',

    description: '总是显示阴影'

  },

  {

    label: 'hover',

    value: 'hover',

    description: '鼠标悬浮时显示阴影'

  },

  {

    label: 'always',

    value: 'always',

    description: '无边框'

  }

];

export default createComponent({
  name: 'el-card',
  label: 'Card 卡片',
  category: 'Data',
  canBeSlotContent: true,
  props: {
    header: {
      label: '标题',
      type: 'input',
      default: '',
      description: '卡片的标题'
    },
    shadow: {
      label: '阴影显示时机',
      type: 'select',
      default: 'always',
      description: '设置阴影显示时机',
      editorProps: {
        options: shadowOptions
      }
    },
    bodyStyle: {
      label: '内容区域样式',
      type: 'input',
      default: '',
      description: '卡片内容区域的样式'
    }
  },
  slots: {
    default: {
      label: '默认',
      default: '卡片内容',
      description: '卡片内容'
    },
    header: {
      label: '标题',
      default: '',
      description: '卡片标题内容'
    }
  }
})